<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<?php
session_start();
?>
<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />

<!--
	2) Optionally override the settings defined at the top
	of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript"> 
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		skin : "o2k7",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
 
		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,
 
		// Example word content CSS (should be your site CSS) this one removes paragraph margins
		content_css : "css/word.css",
 
		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",
 
		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>


<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" src=""></script>

<script language="javascript" type="text/javascript">
var dragimg_startx=2;
var dragimg_starty=2;
function phongto()
{
$("#phongto").animate({left:"438",top:"300"},500,"swing")
	/*if (document.all) {
		document.all.phongto.style.posLeft=dragimg_startx
		document.all.phongto.style.posTop=dragimg_starty

	}
	if (document.layers) {
		document.phongto.left=dragimg_startx
		document.phongto.top=dragimg_starty

	}*/
}
$("document").ready(
function()
{
		$("#supmenu").bind("click",function(){
		$("#supmenu").slideToggle(200);
		//..............		
})
		$("#stars").bind("click",function(){
		$("#stars").slideToggle(500);
		})

//.......................
	$("#form").hide()
	$('#cha a').css({opacity: 0.0});
	$('#cha a:first').css({opacity: 1.0});
	//$('#cha .caption').css({width: $('#cha a').find('img').css('width')});
	$('#menubar').css({width: $('#cha a').find('img').css('width')});
	$('#form').css({width: $('#cha a').find('img').css('width')});
	$('#logo').css({width: $('#cha a').find('img').css('width')});
	$('#cha .caption').css({opacity: 0.4});	
	var loop=setInterval('ham()',8000);
}
)

function ham()
{
var current = $('#cha a.show')
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#cha a:first') :current.next()) : $('#cha a:first'));
next.addClass('show').animate({opacity: 1.0}, 4000);	
	current.animate({opacity: 0.0}, 4000).removeClass('show');


}
////////

function ahgiohang()
{
$("#giohang").slideToggle(200);
}
function giohang(val)
{
	$.post('giohang.php',{id:val},
										function(layve)
										{
											$("#giohang").hide();
											$("#giohang").html(layve).slideToggle(200);
											$("#giohang").animate({opacity: 0.9}, 200);
										}
	)
}
function xoagiohang(val)
{
	$.post('xoagiohang.php',{id:val},
										function(layve)
										{
											$("#giohang").hide();
											$("#giohang").html(layve).slideToggle(200);
											$("#giohang").animate({opacity: 0.9}, 400);
										}
	)
}
	  //..............
function star()
{
$.post('menustars.php' ,
						function(layve)
						{
						$("#stars").hide();
						$("#stars").html(layve).slideToggle(300);
						}
						)

										
	
}
function dn()
{
	$.post('formdangnhap.php' ,
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 500);
										}
	)
}
function choibai()
{
	$.post('choibaixito.php' ,
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(100);
											$("#form").animate({opacity: 1}, 1);
										}
	)
}
function dk()
{
	$.post('formdangky.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 500);
										}
	)
}
function main()
{
$("#form").html("")
$("#form").animate({opacity: 0.0}, 100)											
}
///////////////////////////////////////////////////////////////////////////////////
function chudesach()
{
	$.post('chudesach.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(200);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}
function chudegame()
{
	$.post('chudegame.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(200);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}
function chudegiaitri()
{
	$.post('chudegiaitri.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(200);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}
function vaochudegiaitri()
{
	$.post('banxito.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 400);
										}
	)
}
function phimnhac()
{
	$.post('chudephimnhac.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(200);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}
function muaban()
{
	$.post('chudemuaban.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(200);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}

function gioithieu()
{
	$.post('gioithieu.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 400);
										}
	)
}
function huongdan()
{
	$.post('huongdan.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 400);
										}
	)
}
//ham menu start
function formupload()
{
	$.post('uploadfile.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 400);
										}
	)
}
function tintuc()
{
	$.post('tintuc.php',
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 400);
										}
	)
}
function lienket()
{
	$.post('lienket.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(700);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}
function tuyendung()
{
	$.post('tuyendung.php',
										function(layve)
										{
											$("#supmenu").hide();
											$("#supmenu").html(layve).slideToggle(700);
											$("#supmenu").animate({opacity: 0.9}, 400);
										}
	)
}

</script>
<style type="text/css">
body{
	margin:0;
	font-family:"Times New Roman", Times, serif;
}

#cha {
	position:relative;
	border:outset;
	border-bottom-width:12;
	border-bottom-style:none;
	border-top-style:none;
	 }
#cha a {
	position:absolute;
	left: -3px;
	top: 100px;
	width: 1360px;
	margin:0;
	}
	div.caption{
	z-index:3;
	color:#ffffff;
	height:69px;
	width:1360px;
	position:absolute;
	bottom:-681px;
	left: -3px;
	background-color:#66FFFF;
	border:outset;
	border-bottom-style:outset;
	border-left:none;
	border-right:none;
	border-width:+15;
	border-color:#5ABEC9
	
	}
#form{
	background-image:url(hinh/Twitter.jpg);
	position:absolute;
	width:1360px;
	height:492px;
	z-index:52;
	left: -3px;
	top: 116px;
	border:inset;
	border-bottom-width:12;
	overflow: auto;
	border-top-style:none;
	border-width:thin;
}
#menubar {
	position:absolute;
	width:1322px;
	height:25px;
	z-index:54;
	left: 0px;
	top: 89px;
	border:outset;
	background-image:url(hinh/menu.png);
	border-top-style:none;
	border-left:none;
	border-right:none;
	border-bottom-color:#CCCCCC;
}
#logo {
background-color:#CCCCFF;
	position:absolute;
	width:1344px;
	height:123px;
	z-index:1;
	left: -1px;
	top: -7px;
	border:outset;
	border-bottom-width:12;
	border-left:none;
	border-right:none;
	border-bottom-color:#CCCCCC;
	
}
#stars {
	position:absolute;
	width:246px;
	height:483px;
	z-index:53;
	left: -1px;
	top: 114px;
	border-top:none;
	background-color:#CCFFFF;
	display:none;
	border:outset;
	border-width:+7;
	border-color:#FFFFCC;
}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1002;
}
#giohang {
	position:absolute;
	width:622px;
	height:200px;
	z-index:53;
	left: 316px;
	top: 114px;
	overflow: auto;
}
#Layer2 {
	position:absolute;
	width:207px;
	height:37px;
	z-index:1003;
	left: 883px;
	top: 12px;
}
.style3 {color: #000000; font-weight: bold; }
.style4 {
	color: #FF00FF;
	font-weight: bold;
	font-size: 18px;
}
#phongto {
	position:absolute;
	width:430px;
	height:137px;
	z-index:1001;
	left: -425px;
	top: -123px;
	border:groove;
	border-width:+3;
	background-color:#FFFF99
}


-->
</style>
</head>

<body>
<div id="cha" style="border:outset">
<a class="show"><img src="hinh/nen3.jpg" width="1360" height="580"/></a>
<a><img src="hinh/nen1.jpg" width="1360" height="580"/></a>
<a><img src="hinh/nen2.jpg" width="1360" height="580"/></a>
<a><img src="hinh/nen7.jpg" width="1360" height="580"/></a>
<div class="caption"></div>
</div>

<div id="logo">
  <p align="right">&nbsp;</p>
  <p onclick="return hs.htmlExpand(this)">LOGO</p>
  <div id="phongto">dien giai</div>
</div>
<div id="form"></div>
<div id="giohang" style="background-color:#CC99FF; display:none;border-style:outset;border-width:+5;border-color:#FFFFFF" ondblclick="ahgiohang()" align="left"><font size="+3" color="#0000FF">GI&#7886; H&#192;NG</font></div>
<div id="menubar">
  <table width="1304" height="25" border="0" style="border-color:#FF0000">
    <tr>
	  <td width="35"><img src="hinh/stars.jpg" alt="Stars" width="25" height="22" border="0" onclick="star()"/></td>
	  <td width="8">::</td>
      <td width="67" onclick="main()">Trang chu </td>
      <td width="58" onclick="chudesach()">Sach</td>
	  <td width="50" onclick="chudegame()">Game</td>
      <td width="88" onclick="phimnhac()">Nhac_phim</td>     
	  <td width="79" onclick="muaban()">Mua ban</td>
      <td width="93" onclick="huongdan()">Huong dan </td>
      <td width="73" onclick="tintuc()">Tin tuc</td>
	  <td width="99" onclick="tuyendung()">Tuyen dung</td>
	  <td width="65" onclick="lienket()">Lien ket</td>
	  <td width="105" onclick="gioithieu()">Gioi thieu </td>
	  <td width="129"><span class="style3" onclick="dn()">Dang nhap </span></td>
      <td width="81"><span class="style3" onclick="dk()">Dang ky </span></td>
      <td width="212" ><span class="style4" onclick="giohang('')" >Gio hang cua ban </span></td>
    </tr>
  </table>
  
</div>
<div id="supmenu" style="background-color:#99CCFF;background-position:bottom; position:absolute; left: 125px; top: 118px; width: 1106px;z-index:1000;display:none; border-style:outset;border-top-style:none;border-color:#34B4A7">supmenu</div>

<div id="stars"></div>

<a onclick="return hs.htmlExpand(this)">
	Open HTML-content
</a>
<div class="highslide-maincontent" style="z-index:2000">
	<a>Lorem ipsum</a>
	<table width="400" height="138" border="1">
  <tr>
    <td width="144" rowspan="5">&nbsp;</td>
    <td width="315">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>

</body>
</html>
